<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- 
        只想选中第2个li，怎么做？
            .box  选两个
            li  选四个
     -->
    <!-- li.box 交集选择器  选中li，并且li中有一个class是box -->
    <style>
        li.box {
            color: red;
        }
        /* .boxli{}  不行 */
    </style>
</head>

<body>
    <ul>
        <li>我是一个li 01</li>
        <li class="box">我是一个li 02</li>
        <li>我是一个li 03</li>
        <li>我是一个li 04</li>
    </ul>

    <p>这是一个p标签1</p>
    <p class="box">这是一个p标签2</p>
</body>

</html>